<template>
  <div class="box"> 
    <div class="header">
        请假告知书
    </div>
    <table style="width: 100%;border: 1px solid #f3f6f9;">
      <thead>
        <tr align="center">
          <td>序号</td>
          <td>入住者姓名</td>
          <td>填写日期</td>
          <td>填写人</td>
          <td>操作</td>
        </tr>
      </thead>
      <tbody>
        <tr >
          <td>1</td>
          <td>李建刚</td>
          <td>2022-12-12 12:12:12</td>
          <td>李铁刚</td>
          <td><el-link type="primary">打印</el-link></td>
        </tr>
        <tr >
          <td>1</td>
          <td>李建刚</td>
          <td>2022-12-12 12:12:12</td>
          <td>李铁刚</td>
          <td><el-link type="primary">打印</el-link></td>
        </tr>
      </tbody>
    </table>
  </div>
</template>
  
<script setup>

</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}

.box {
  width: 800px;
  height: 1200px;
  border: 1px solid gray;
  margin: auto;
}
.header{
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  background-color: #f3f6f9;
}
table,th,td{
  border: 1px solid #f3f6f9;
  border-collapse: collapse;
  padding: 10px 15px;
  font-size: 12px;
}
</style>